.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus,
a,
a:active,
a:focus,
a:hover {
    outline: none;
    border-color: transparent;
    box-shadow: none;
    text-decoration: none
}

.main_header {
    padding: 20px 0;
}

.swiper-container-banner {
    margin-top: -120px;

}

.swiper-container-banner .navbreadcrumb {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 999;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
}

.swiper-container-banner .navbreadcrumb .breadcrumb {
    margin-bottom: 0px;
    background: none;
}

.swiper-container-banner .navbreadcrumb .breadcrumb a {
    color: #ffffff;
}

.swiper-container-banner img {
    width: 100%;
}

.nav-list {
    border-bottom: 1px solid #ffffff;
    border-bottom-color: rgba(255, 255, 255, 0.2);
    padding-bottom: 10px;
    z-index: 999;
    position: relative;
}

.nav-list img {
    max-width: 300px;
}

.nav-list {
    margin-top: 10px;
}

.nav-list .nav-item {
    padding: 0 10px;
}

.nav-list .navbar {
    padding: 0;
}

.nav-list .nav-link {
    color: #ffffff;
    font-size: 14px !important;
}

.navbar-toggler-icon {
    background: url(../../images/nav_ico.png) no-repeat center;
    background-size: 100% 100%;
}

.i_news a .media .media-body h5 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: #000000;
}

.i_news a .media .media-body h5:hover {
    color: #333333;
}

.i_news a .media .media-body p:hover {
    color: #888888;
}

.i_news a .media .media-body p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    color: #666666;
}

.i_news a .media img {
    transition: .5s;
}

.i_news a .media img:hover {
    transform: translateX(10px);
}

.i_aboutus img {
    width: 100%;
    transition: .8s;

}

.i_aboutus img:hover {
    margin-left: -30px;
}

.i_aboutus .lead {
    font-size: 16px;
    line-height: 2;
    text-indent: 2em;
}

.i_aboutus .lead:hover {
    color: #777777;
}

.i_product {
    background: #f1f1f1;
}

.footer {
    height: 200px;
    font-size: 14px !important;
    background: #717171;
    color: #cccccc;
    line-height: 2;
}

.footer .nav-link {
    color: #cccccc;
}

.btn_group {
    background-color: rgba(250, 250, 250, 1);
    box-shadow: 0px 5px 15px 0px rgba(217, 217, 217, 1);
}

.btn_group .btn {
    border-radius: 0px;
    background: #cc0001;
    color: #ffffff;
    transition: 1s;
}

.btn_group .btn:hover {
    background: none;
    border: 1px solid #cc0001;
    color: #cc0001;
    margin-bottom: 10px;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    font-size: 12px;
}

input::-moz-input-placeholder {
    font-size: 12px;
}

input::-ms-input-placeholder {
    font-size: 12px;
}

/*  */

.main_btn-group .btn-group-content {
    text-align: center;
    width: 100%;
    margin: 20px 0;
}

.main_btn-group .btn-group-content .btn {
    border-radius: 0px !important;
}

.aboutus .mb-0 {
    margin-bottom: 20px !important;
}

.aboutus .lead {
    font-size: 16px;
    line-height: 2;
}

.aboutus .lead:hover {
    color: #777777;
}

.aboutus .list-group .list-group-item {
    padding: 9px 0;
    text-align: center;
}

.list-group-item:hover {
    background: #f4ad3c;
    color: #ffffff;
}

/*  */

.news img {
    max-width: 200px;
    transition: .5s;
}

.news img:hover {
    transform: translateX(10px);
}

.news .media-body h5 {
    color: #666666;
}

.news .media-body h5:hover {
    color: #000000;
}

.news .list-unstyled a {
    color: #333333;
}

.news .list-unstyled a:hover {
    color: #999999;
}

.news_datails .blockquote .lead {
    font-size: 14px;
    line-height: 2;
}

.news_datails .blockquote .blockquote-footer {
    color: #cccccc;
}

.news_datails .lead {
    font-size: 18px !important;
}

.news .list-group .list-group-item {
    padding: 9px 0;
    text-align: center;
}

.Product .card img {
    width: 100%;
    transition: .5s;
}

.Product .card {
    position: relative;
}

.Product .card {
    overflow: hidden;
}

.Product .card img:hover {
    width: 105%;

}


.Product .card-body {
    padding: 10px;
}

.Product .list-group .list-group-item {
    padding: 9px 0;
    text-align: center;
}

.Product .card-body .card-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.Product .col-sm-3 {
    padding-left: 0 !important;
    margin-bottom: 15px;

}

.Product .card-title {
    color: #333333;
}

.Product .card-text {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #666666;

}

@media screen and (min-width: 539px) {

    .hidden-sm {
        display: none;
    }

}

@media screen and (max-width: 576px) {

    .swiper-container-banner {
        margin-top: 0;
    }

    .hidden-xs {
        display: none;
    }

    .nav-list .nav-link {
        color: #333333;
        line-height: 42px;
        border-bottom: 1px solid #e0dbdb;
    }

    .Product .pb-4 {
        margin-left: 0 !important;
    }

    .Product .col-sm-3 {
        padding-left: 15px !important;

    }

    .btn_group .btn {
        margin-bottom: 10px;
    }

    .Product nav {
        margin-left: 0px !important;
    }

    .ContactUs #dituContent {
        height: 300px !important;
    }

    .ContactUs .col-sm-4 h4 {
        margin-top: 20px;
    }

    .footer .d-flex {
        flex-direction: column !important;
    }

    .i_news {
        display: none;
    }

    .news .media {
        flex-direction: column !important;

    }

    .news img {
        max-width: 100% !important;
        margin-bottom: 15px;
        width: 100%;
    }

    .news .list-unstyled a {
        margin-bottom: 20px;
    }
    .nav-list img {
        max-width: 240px;
    }
}